<template>
  <div >
     <XioaDog3  v-for="(obj,index) in arr" :key="index"
     :imgUrl="obj.dogImgUrl"
     :dogname="obj.dogName"
  
     />
     
  </div>
</template>

<script>
import XioaDog3 from "./components/XiaoDog3.vue"
export default {
    data(){
        return{
arr: [
        {
          dogImgUrl: "http://nwzimg.wezhan.cn/contents/sitefiles2029/10146688/images/21129958.jpg",
          dogName: "博美",
        },
        {
          dogImgUrl: "http://nwzimg.wezhan.cn/contents/sitefiles2029/10146688/images/21129958.jpg",
          dogName: "泰迪",
        },
        {
          dogImgUrl: "http://nwzimg.wezhan.cn/contents/sitefiles2029/10146688/images/21129958.jpg",
          dogName: "金毛",
        },
        {
          dogImgUrl: "http://nwzimg.wezhan.cn/contents/sitefiles2029/10146688/images/21129958.jpg",
          dogName: "哈士奇",
        },
        {
          dogImgUrl: "http://nwzimg.wezhan.cn/contents/sitefiles2029/10146688/images/21129958.jpg",
          dogName: "阿拉斯加",
        },
        {
          dogImgUrl: "http://nwzimg.wezhan.cn/contents/sitefiles2029/10146688/images/21129958.jpg",
          dogName: "萨摩耶",
        },
      ],
        }

    },
components:{
    XioaDog3
}
}
</script>

<style>

</style>